<template>
  <el-container>
    <div class="abs left">
      <AsideNav></AsideNav>
    </div>
    <div class="abs right">
      <router-view></router-view>
    </div>
  </el-container>
</template>

<script>
import AsideNav from "../../components/asideNav";
export default {
  name: "SystemManagement",
  components: {
    AsideNav,
  },
};
</script>

<style lang='less' scoped>
.el-container {
  width: 100%;
  height: 100%;
  .abs {
    position: absolute;
  }
  .left {
    left: 0;
    top: 6.4%;
    width: 10%;
    height: 93.6%;
  }
  .right {
    right: 0;
    top: 6.4%;
    width: 89.5%;
    height: 93.6%;
  }
}
</style>
